<#escape x as x?html>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>课程管理界面</title>
    <link rel="stylesheet" type="text/css" href="${rc.contextPath}/resources/css/easyui.css">
    <link rel="stylesheet" type="text/css" href="${rc.contextPath}/resources/css/icon.css">
    <script type="text/javascript" src="${rc.contextPath}/resources/js/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/resources/js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/resources/js/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/resources/js/detailview.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/resources/js/coursemanage.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/resources/js/share.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/resources/js/json2.js"></script>
    <style type="text/css" media="screen">
        ul {
            margin: 0px;
            padding: 0px;
            width: 220px;
            display: block;
            clear: both;
        }
        .STYLE1 {color: #FF0000}
        
        .myBorder {
        	border-style: solid; 
        	border-width: 1px; 
        	border-color:#BFEFFF
        }
        
        .myBorderTitle {
        	background-color:#BFEFFF;
        	padding-top:3px;
        	padding-bottom:3px;
        	border-width: 1px;
        }

        #operateCourseStructureDialog ul li {
            float: left;
            list-style-type: none;
            height: 40px;
            text-align: center;
        }

        #operateCourseStructureDialog ul li:nth-child(odd) {
            width: 60px;
        }

        #operateCourseStructureDialog ul li:nth-child(even) {
            width: 150px;
        }
        
        #courseDetail {
        	margin:auto;
        }
        
		textarea{ 
			margin:auto;
			display:block;
			width:96%;
			height:116px;
			padding:4px;
			-webkit-border-radius: 5px;
		    -moz-border-radius: 5px;
		    border-radius: 5px;
			border-color:#C3C3C3;
			font-size: 13px;
		}
    </style>
</head>
<body>
<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'center',split:true">
        <table id="courseDataGrid" border="none">
            <thead>
            <tr>
                <th field="id" data-options="hidden:true"></th>
                <th field="courseName" data-options="align: 'center',width: 240">课程名称</th>
                <th field="courseCode" data-options="align: 'center',width: 120">课程编码</th>
                <th field="studyCredit" data-options="align: 'center',width: 100">模块学分</th>
                <th field="operation" data-options="align: 'center',width: 200,
		                	formatter: function (value, row, index){
		                	return '<a class=\'up\' onclick=\'showOperateCourseDialog(&#34;' + '修改' + '&#34;, ' + index + ');\'>修改</a><a class=\'re\' onclick=\'showDeleteCourseDialog(' + index + ');\'>删除</a>';}">操作</th>
            </tr>
            </thead>
        </table>
        <div id="operateCourseDialog">
            <form id="addCourseForm" method="POST">
                <input type="hidden" id="courseId">
                <table width="100%" cellspacing="1" cellpadding="4 1" style="text-align:center;">
                    <input type="hidden" id="id">
                    <tr>
                        <td><span class="STYLE1">*</span>课程名称</td>
                        <td><input id="courseName" name="courseName" type="text" /></td>
                        <td><span class="STYLE1">*</span>课程编码</td>
                        <td><input id="courseCode" name="courseCode" type="text" /></td>
                    </tr>
                    <tr>
                        <td><span class="STYLE1">*</span>模块学分</td>
                        <td><input id="studyCredit" name="studyCredit" type="text" /></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                </table>
        	<table style="width:540px;margin:auto;" >
	            <thead>
	            <tr>
	                <th>
	                	<div class="myBorder">
	                    	<div class="myBorderTitle">课程评价方法</div>
	                        <div><textarea rows="1" cols="1" id="courseEvaluation"></textarea></div>
	                	</div>
                    </th>
	            </tr>
	            <tr>
	                <th>
	                	<div class="myBorder">
	                    	<div class="myBorderTitle">课程内容描述</div>
	                        <div><textarea rows="1" cols="1" id="courseContent"></textarea></div>
	                	</div>
                    </th>
                </tr>
                <tr>
	                <th>
	                	<div class="myBorder">
	                    	<div class="myBorderTitle">课程要求</div>
	                        <div><textarea rows="1" cols="1" id="courseRequirement"></textarea></div>
	                	</div>
                    </th>
                 </tr>
                 <tr>
	                <th>
	                	<div class="myBorder">
	                    	<div class="myBorderTitle">课程备注</div>
	                        <div><textarea rows="1" cols="1" id="courseComment"></textarea></div>
	                	</div>
                    </th>
                </tr>
                <tr>
	                <th>
	                	<div class="myBorder">
	                    	<div class="myBorderTitle">课程人数要求</div>
	                        <div><textarea rows="1" cols="1" id="courseNumber"></textarea></div>
	                	</div>
                    </th>
                </tr>
                <tr>
	                <th>
	                	<div class="myBorder">
	                    	<div class="myBorderTitle">课程开课时段</div>
	                        <div><textarea rows="1" cols="1" id="coursePeriod"></textarea></div>
	                	</div>
                    </th>
               	</tr>
	            </thead>
        	</table>
            </form>
        </div>
    </div>
    <div data-options="region:'east',split:true" style="width:350px">
        <table id="textbookDataGrid"></table>
        <div id="operateTextbookDialog">
            <form id="addTextbookForm" method="POST">
                <div style="margin-top: 10px;margin-left: 5px;">
                    <table width="100%"  cellspacing="1" cellpadding="4 1" style="text-align:center;">
                        <tr>
                            <td><span class="STYLE1">*</span>教材名称</td>
                            <td><input id="textbookName" name="textbookName" maxlength="150"></td>
                        </tr>
                    </table>
                    <input type="hidden" id="textbookId">
                </div>
            </form>
        </div>
    </div>
    <div data-options="region:'north',split:true" style="height:250px;overflow:hidden;">
        <table id="courseStructureDataGrid"></table>
        <div id="operateCourseStructureDialog">
            <form id="addCourseStructureForm" method="POST">
                <div style="margin-top: 10px;margin-left: 5px;">
                    <table width="100%" cellspacing="1" cellpadding="4 1" style="text-align:center;">
                        <tr>
                            <td><span class="STYLE1">*</span>学习领域</td>
                            <td><input id="studyArea" name="studyArea" maxlength="150"></td>
                        </tr>
                        <tr>
                            <td><span class="STYLE1">*</span>学习科目</td>
                            <td><input id="studySubject" name="studySubject" maxlength="150"></td>
                        </tr>
                        <tr>
                            <td><span class="STYLE1">*</span>类型</td>
                            <td><input id="studyType" name="studyType"  maxlength="150"></td>
                        </tr>
                        <!--tr>
                            <td><span class="STYLE1">*</span>模块学分</td>
                            <td><input id="studyCredit" name="studyCredit" maxlength="150"></td>
                        </tr-->
                    </table>
                    <input type="hidden" id="courseStructureId">
                </div>
            </form>
        </div>
    </div>
</div>
</body>

</html>
</#escape>